<!DOCTYPE html>
<html xmlns:wicket="http://wicket.apache.org/dtds.data/wicket-xhtml1.5-strict.dtd" >
    <head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<title>Mejoras - Plantas VS Zombies</title>
		<link rel="shortcut icon" href="plantas/Peashooter.png" />
		<link rel="stylesheet" type="text/css" href="styles/pvsz.css" />
		<link rel="stylesheet" type="text/css" href="styles/upgrades.css" />
	</head>

<body>

   	<header>
		<div class="morphing-glowing">
			<a wicket:id="indexlink"> 
				<span class="image-wrap">
			 		<img id="logo" class="splash" src="splash.png"/>			   		
				</span>
			</a>
		</div>
   	
		<div id="title">
			<h1>Mejoras - Jardin ZEN</h1>
			
			<h3>Dinero disponible: <span wicket:id="puntos"></span></h3>
			<h3><span wicket:id="plantaAMejorar.descripcion" id="plantUpgrading"></span> </h3>
		</div>
	</header>

	<div class="well">
		<button class="superior buttonJardin" wicket:id="botonJardin">Volver al jardín</button>
		<img wicket:id="plantImage" class="superior rigth" style=" width: 80px; height: 60px;" />
	</div>
	

		<div id="tablesPanel">
			<div id="leftTable">
				<form wicket:id="plantaAMejorar">
					<table>
						<tr>
							<th colspan="5"> <h2>Mejoras Disponibles</h2> </th>
						</tr>
						<tr>
							<th>Descripción</th>
							<th>Precio</th>
							<th>Ataque</th>
							<th>Defensa</th>
							<th></th><!-- BOTON MEJORAR -->
						</tr>
	
						<tr wicket:id="mejorasDisponibles" id="main" >
							<td id="main" ><span wicket:id="nombre">unNombre</span></td>
							<td id="main" ><span wicket:id="precio">unPrecio</span></td>
							<td id="main" ><span wicket:id="ataque">unAtaque</span></td>
							<td id="main" ><span wicket:id="defensa">unaDefensa</span></td>
							<td id="main" ><input class="buttonUpgrade" type="submit" wicket:id="mejorar" value="Mejorar"/></td>
						</tr>
					</table>
				</form>
			</div>

			<div id="rightTable">
				<table>
					<tr>
						<th colspan="3"> <h2>Mejoras Compradas</h2>	</th>
					</tr>
					<tr>						
						<th>Descripción</th>		
						<th>Ataque</th>
						<th>Defensa</th>						
					</tr>
		           
					<tr wicket:id="plantaAMejorar.mejorasCompradas" id="main">
						<td id="main" ><span wicket:id="nombre">unNombre</span></td>
						<td id="main" ><span wicket:id="ataque">unAtaque</span></td>
						<td id="main" ><span wicket:id="defensa">unaDefensa</span></td>
					</tr>
				</table>
			</div>
		</div>
		
		<input class="hidden" wicket:id="exceptions"/>
</body>
</html>
